<!DOCTYPE html>
        <html>
          <head>
            <meta charset="utf-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge" />
            <meta name="viewport" content="width=device-width,initial-scale=1.0" />
            <link rel="stylesheet" href="./demo.css" />
            <title>图标示例</title>
          </head>
          <body>
            <h2 class="row-title">图标示例</h2>
            <div class="row-container">
            <div class="row-col" title="icon-minus-circle-fill"><div><i class="iconfont icon-minus-circle-fill"></i></div><div class="col-text">icon-minus-circle-fill</div></div>
<div class="row-col" title="icon-close-circle-fill"><div><i class="iconfont icon-close-circle-fill"></i></div><div class="col-text">icon-close-circle-fill</div></div>
<div class="row-col" title="icon-plus-circle-fill"><div><i class="iconfont icon-plus-circle-fill"></i></div><div class="col-text">icon-plus-circle-fill</div></div>
<div class="row-col" title="icon-tupian"><div><i class="iconfont icon-tupian"></i></div><div class="col-text">icon-tupian</div></div>
<div class="row-col" title="icon-xiangji"><div><i class="iconfont icon-xiangji"></i></div><div class="col-text">icon-xiangji</div></div>
<div class="row-col" title="icon-zengjia"><div><i class="iconfont icon-zengjia"></i></div><div class="col-text">icon-zengjia</div></div>
<div class="row-col" title="icon-youhuiquan"><div><i class="iconfont icon-youhuiquan"></i></div><div class="col-text">icon-youhuiquan</div></div>
<div class="row-col" title="icon-quanbudingdan"><div><i class="iconfont icon-quanbudingdan"></i></div><div class="col-text">icon-quanbudingdan</div></div>
<div class="row-col" title="icon-moban"><div><i class="iconfont icon-moban"></i></div><div class="col-text">icon-moban</div></div>
<div class="row-col" title="icon-hetongqianzi"><div><i class="iconfont icon-hetongqianzi"></i></div><div class="col-text">icon-hetongqianzi</div></div>
<div class="row-col" title="icon-gongwujiedai"><div><i class="iconfont icon-gongwujiedai"></i></div><div class="col-text">icon-gongwujiedai</div></div>
<div class="row-col" title="icon-kaoqinchuqin"><div><i class="iconfont icon-kaoqinchuqin"></i></div><div class="col-text">icon-kaoqinchuqin</div></div>
<div class="row-col" title="icon-haocaifei"><div><i class="iconfont icon-haocaifei"></i></div><div class="col-text">icon-haocaifei</div></div>
<div class="row-col" title="icon-huiyishi1"><div><i class="iconfont icon-huiyishi1"></i></div><div class="col-text">icon-huiyishi1</div></div>
<div class="row-col" title="icon-baoming1"><div><i class="iconfont icon-baoming1"></i></div><div class="col-text">icon-baoming1</div></div>
<div class="row-col" title="icon-jiabanshenqing"><div><i class="iconfont icon-jiabanshenqing"></i></div><div class="col-text">icon-jiabanshenqing</div></div>
<div class="row-col" title="icon-hetongxieyi"><div><i class="iconfont icon-hetongxieyi"></i></div><div class="col-text">icon-hetongxieyi</div></div>
<div class="row-col" title="icon-jiabanshenpi"><div><i class="iconfont icon-jiabanshenpi"></i></div><div class="col-text">icon-jiabanshenpi</div></div>
<div class="row-col" title="icon-yongche"><div><i class="iconfont icon-yongche"></i></div><div class="col-text">icon-yongche</div></div>
<div class="row-col" title="icon-baoming"><div><i class="iconfont icon-baoming"></i></div><div class="col-text">icon-baoming</div></div>
<div class="row-col" title="icon-qingjia"><div><i class="iconfont icon-qingjia"></i></div><div class="col-text">icon-qingjia</div></div>
<div class="row-col" title="icon-tianshenpi"><div><i class="iconfont icon-tianshenpi"></i></div><div class="col-text">icon-tianshenpi</div></div>
<div class="row-col" title="icon-icon_yingyongguanli"><div><i class="iconfont icon-icon_yingyongguanli"></i></div><div class="col-text">icon-icon_yingyongguanli</div></div>
<div class="row-col" title="icon-xingzhuang-xingxing"><div><i class="iconfont icon-xingzhuang-xingxing"></i></div><div class="col-text">icon-xingzhuang-xingxing</div></div>
<div class="row-col" title="icon-gongnengdingyi"><div><i class="iconfont icon-gongnengdingyi"></i></div><div class="col-text">icon-gongnengdingyi</div></div>
<div class="row-col" title="icon-kongxinduigou"><div><i class="iconfont icon-kongxinduigou"></i></div><div class="col-text">icon-kongxinduigou</div></div>
<div class="row-col" title="icon-tianjia"><div><i class="iconfont icon-tianjia"></i></div><div class="col-text">icon-tianjia</div></div>
<div class="row-col" title="icon-chucha"><div><i class="iconfont icon-chucha"></i></div><div class="col-text">icon-chucha</div></div>
<div class="row-col" title="icon-gongdan"><div><i class="iconfont icon-gongdan"></i></div><div class="col-text">icon-gongdan</div></div>
<div class="row-col" title="icon-daibanshixiang2"><div><i class="iconfont icon-daibanshixiang2"></i></div><div class="col-text">icon-daibanshixiang2</div></div>
<div class="row-col" title="icon-bianjisekuai"><div><i class="iconfont icon-bianjisekuai"></i></div><div class="col-text">icon-bianjisekuai</div></div>
<div class="row-col" title="icon-hetongguanli"><div><i class="iconfont icon-hetongguanli"></i></div><div class="col-text">icon-hetongguanli</div></div>
<div class="row-col" title="icon-huiyishi"><div><i class="iconfont icon-huiyishi"></i></div><div class="col-text">icon-huiyishi</div></div>
<div class="row-col" title="icon-ribao"><div><i class="iconfont icon-ribao"></i></div><div class="col-text">icon-ribao</div></div>
<div class="row-col" title="icon-banjieshiwu"><div><i class="iconfont icon-banjieshiwu"></i></div><div class="col-text">icon-banjieshiwu</div></div>
<div class="row-col" title="icon-daibanshiwu"><div><i class="iconfont icon-daibanshiwu"></i></div><div class="col-text">icon-daibanshiwu</div></div>
<div class="row-col" title="icon-kaoheguanli"><div><i class="iconfont icon-kaoheguanli"></i></div><div class="col-text">icon-kaoheguanli</div></div>
<div class="row-col" title="icon-shiyanshikaohe"><div><i class="iconfont icon-shiyanshikaohe"></i></div><div class="col-text">icon-shiyanshikaohe</div></div>
<div class="row-col" title="icon-baoxiao"><div><i class="iconfont icon-baoxiao"></i></div><div class="col-text">icon-baoxiao</div></div>
<div class="row-col" title="icon-shenpi"><div><i class="iconfont icon-shenpi"></i></div><div class="col-text">icon-shenpi</div></div>
<div class="row-col" title="icon-baoxiaodan"><div><i class="iconfont icon-baoxiaodan"></i></div><div class="col-text">icon-baoxiaodan</div></div>
<div class="row-col" title="icon-xinwen"><div><i class="iconfont icon-xinwen"></i></div><div class="col-text">icon-xinwen</div></div>
<div class="row-col" title="icon-tongzhi"><div><i class="iconfont icon-tongzhi"></i></div><div class="col-text">icon-tongzhi</div></div>
<div class="row-col" title="icon-fujian"><div><i class="iconfont icon-fujian"></i></div><div class="col-text">icon-fujian</div></div>
<div class="row-col" title="icon-msg-system"><div><i class="iconfont icon-msg-system"></i></div><div class="col-text">icon-msg-system</div></div>
<div class="row-col" title="icon-daibanshixiang"><div><i class="iconfont icon-daibanshixiang"></i></div><div class="col-text">icon-daibanshixiang</div></div>
<div class="row-col" title="icon-tongzhi1"><div><i class="iconfont icon-tongzhi1"></i></div><div class="col-text">icon-tongzhi1</div></div>
<div class="row-col" title="icon-daibanshixiang1"><div><i class="iconfont icon-daibanshixiang1"></i></div><div class="col-text">icon-daibanshixiang1</div></div>
<div class="row-col" title="icon-search"><div><i class="iconfont icon-search"></i></div><div class="col-text">icon-search</div></div>
<div class="row-col" title="icon-view-list"><div><i class="iconfont icon-view-list"></i></div><div class="col-text">icon-view-list</div></div>
<div class="row-col" title="icon-headset-one"><div><i class="iconfont icon-headset-one"></i></div><div class="col-text">icon-headset-one</div></div>
<div class="row-col" title="icon-list-checkbox"><div><i class="iconfont icon-list-checkbox"></i></div><div class="col-text">icon-list-checkbox</div></div>
<div class="row-col" title="icon-jiyika"><div><i class="iconfont icon-jiyika"></i></div><div class="col-text">icon-jiyika</div></div>
<div class="row-col" title="icon-chart-histogram-two"><div><i class="iconfont icon-chart-histogram-two"></i></div><div class="col-text">icon-chart-histogram-two</div></div>
<div class="row-col" title="icon-audit"><div><i class="iconfont icon-audit"></i></div><div class="col-text">icon-audit</div></div>
<div class="row-col" title="icon-check-one"><div><i class="iconfont icon-check-one"></i></div><div class="col-text">icon-check-one</div></div>
<div class="row-col" title="icon-bookmark-one"><div><i class="iconfont icon-bookmark-one"></i></div><div class="col-text">icon-bookmark-one</div></div>
<div class="row-col" title="icon-a-comment1"><div><i class="iconfont icon-a-comment1"></i></div><div class="col-text">icon-a-comment1</div></div>
<div class="row-col" title="icon-avatar"><div><i class="iconfont icon-avatar"></i></div><div class="col-text">icon-avatar</div></div>
<div class="row-col" title="icon-collection-files"><div><i class="iconfont icon-collection-files"></i></div><div class="col-text">icon-collection-files</div></div>
<div class="row-col" title="icon-copy-one"><div><i class="iconfont icon-copy-one"></i></div><div class="col-text">icon-copy-one</div></div>
<div class="row-col" title="icon-add"><div><i class="iconfont icon-add"></i></div><div class="col-text">icon-add</div></div>
<div class="row-col" title="icon-currency"><div><i class="iconfont icon-currency"></i></div><div class="col-text">icon-currency</div></div>
<div class="row-col" title="icon-edit-two"><div><i class="iconfont icon-edit-two"></i></div><div class="col-text">icon-edit-two</div></div>
<div class="row-col" title="icon-finance"><div><i class="iconfont icon-finance"></i></div><div class="col-text">icon-finance</div></div>
<div class="row-col" title="icon-find"><div><i class="iconfont icon-find"></i></div><div class="col-text">icon-find</div></div>
<div class="row-col" title="icon-folder-plus"><div><i class="iconfont icon-folder-plus"></i></div><div class="col-text">icon-folder-plus</div></div>
<div class="row-col" title="icon-link-break"><div><i class="iconfont icon-link-break"></i></div><div class="col-text">icon-link-break</div></div>
<div class="row-col" title="icon-financing-one"><div><i class="iconfont icon-financing-one"></i></div><div class="col-text">icon-financing-one</div></div>
<div class="row-col" title="icon-help"><div><i class="iconfont icon-help"></i></div><div class="col-text">icon-help</div></div>
<div class="row-col" title="icon-chart-pie"><div><i class="iconfont icon-chart-pie"></i></div><div class="col-text">icon-chart-pie</div></div>
<div class="row-col" title="icon-id-card"><div><i class="iconfont icon-id-card"></i></div><div class="col-text">icon-id-card</div></div>
<div class="row-col" title="icon-a-lock1"><div><i class="iconfont icon-a-lock1"></i></div><div class="col-text">icon-a-lock1</div></div>
<div class="row-col" title="icon-list"><div><i class="iconfont icon-list"></i></div><div class="col-text">icon-list</div></div>
<div class="row-col" title="icon-lock"><div><i class="iconfont icon-lock"></i></div><div class="col-text">icon-lock</div></div>
<div class="row-col" title="icon-key"><div><i class="iconfont icon-key"></i></div><div class="col-text">icon-key</div></div>
<div class="row-col" title="icon-a-key1"><div><i class="iconfont icon-a-key1"></i></div><div class="col-text">icon-a-key1</div></div>
<div class="row-col" title="icon-me"><div><i class="iconfont icon-me"></i></div><div class="col-text">icon-me</div></div>
<div class="row-col" title="icon-equalizer"><div><i class="iconfont icon-equalizer"></i></div><div class="col-text">icon-equalizer</div></div>
<div class="row-col" title="icon-comment"><div><i class="iconfont icon-comment"></i></div><div class="col-text">icon-comment</div></div>
<div class="row-col" title="icon-log"><div><i class="iconfont icon-log"></i></div><div class="col-text">icon-log</div></div>
<div class="row-col" title="icon-mall-bag"><div><i class="iconfont icon-mall-bag"></i></div><div class="col-text">icon-mall-bag</div></div>
<div class="row-col" title="icon-list-view"><div><i class="iconfont icon-list-view"></i></div><div class="col-text">icon-list-view</div></div>
<div class="row-col" title="icon-send"><div><i class="iconfont icon-send"></i></div><div class="col-text">icon-send</div></div>
<div class="row-col" title="icon-people"><div><i class="iconfont icon-people"></i></div><div class="col-text">icon-people</div></div>
<div class="row-col" title="icon-peoples"><div><i class="iconfont icon-peoples"></i></div><div class="col-text">icon-peoples</div></div>
<div class="row-col" title="icon-a-message-one1"><div><i class="iconfont icon-a-message-one1"></i></div><div class="col-text">icon-a-message-one1</div></div>
<div class="row-col" title="icon-phone-telephone"><div><i class="iconfont icon-phone-telephone"></i></div><div class="col-text">icon-phone-telephone</div></div>
<div class="row-col" title="icon-internal-transmission"><div><i class="iconfont icon-internal-transmission"></i></div><div class="col-text">icon-internal-transmission</div></div>
<div class="row-col" title="icon-schedule"><div><i class="iconfont icon-schedule"></i></div><div class="col-text">icon-schedule</div></div>
<div class="row-col" title="icon-more-one"><div><i class="iconfont icon-more-one"></i></div><div class="col-text">icon-more-one</div></div>
<div class="row-col" title="icon-sim"><div><i class="iconfont icon-sim"></i></div><div class="col-text">icon-sim</div></div>
<div class="row-col" title="icon-a-peoples1"><div><i class="iconfont icon-a-peoples1"></i></div><div class="col-text">icon-a-peoples1</div></div>
<div class="row-col" title="icon-wallet"><div><i class="iconfont icon-wallet"></i></div><div class="col-text">icon-wallet</div></div>
<div class="row-col" title="icon-permissions"><div><i class="iconfont icon-permissions"></i></div><div class="col-text">icon-permissions</div></div>
<div class="row-col" title="icon-faan"><div><i class="iconfont icon-faan"></i></div><div class="col-text">icon-faan</div></div>
<div class="row-col" title="icon-transporter"><div><i class="iconfont icon-transporter"></i></div><div class="col-text">icon-transporter</div></div>
<div class="row-col" title="icon-transaction-order"><div><i class="iconfont icon-transaction-order"></i></div><div class="col-text">icon-transaction-order</div></div>
<div class="row-col" title="icon-message-one"><div><i class="iconfont icon-message-one"></i></div><div class="col-text">icon-message-one</div></div>
<div class="row-col" title="icon-shouji"><div><i class="iconfont icon-shouji"></i></div><div class="col-text">icon-shouji</div></div>
<div class="row-col" title="icon-liebiaochakanmoshi_view-grid-list"><div><i class="iconfont icon-liebiaochakanmoshi_view-grid-list"></i></div><div class="col-text">icon-liebiaochakanmoshi_view-grid-list</div></div>
<div class="row-col" title="icon-time"><div><i class="iconfont icon-time"></i></div><div class="col-text">icon-time</div></div>
<div class="row-col" title="icon-transaction"><div><i class="iconfont icon-transaction"></i></div><div class="col-text">icon-transaction</div></div>
<div class="row-col" title="icon-setting-two"><div><i class="iconfont icon-setting-two"></i></div><div class="col-text">icon-setting-two</div></div>
<div class="row-col" title="icon-plan"><div><i class="iconfont icon-plan"></i></div><div class="col-text">icon-plan</div></div>
<div class="row-col" title="icon-a-time1"><div><i class="iconfont icon-a-time1"></i></div><div class="col-text">icon-a-time1</div></div>
<div class="row-col" title="icon-shezhi_setting"><div><i class="iconfont icon-shezhi_setting"></i></div><div class="col-text">icon-shezhi_setting</div></div>
<div class="row-col" title="icon-zanting"><div><i class="iconfont icon-zanting"></i></div><div class="col-text">icon-zanting</div></div>
<div class="row-col" title="icon-sousuo_search"><div><i class="iconfont icon-sousuo_search"></i></div><div class="col-text">icon-sousuo_search</div></div>
<div class="row-col" title="icon-xiangqingliebiao"><div><i class="iconfont icon-xiangqingliebiao"></i></div><div class="col-text">icon-xiangqingliebiao</div></div>
<div class="row-col" title="icon-workbench"><div><i class="iconfont icon-workbench"></i></div><div class="col-text">icon-workbench</div></div>
<div class="row-col" title="icon-shujubiao_data-sheet"><div><i class="iconfont icon-shujubiao_data-sheet"></i></div><div class="col-text">icon-shujubiao_data-sheet</div></div>
            </div>
            <style type="text/css">
            .row-title{text-align:center;}
            .row-container{overflow:auto;margin:12px auto;max-width: 1400px;}
            .row-col{float:left;margin:8px;padding:12px;width:190px;border:1px solid #ccc;text-align:center;}
            .row-col i{font-size: 28px}
            .col-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
            </style>
          </body>
        </html>